<template>
  <div class="company-style">
    <!-- 导航栏 start -->
    <van-nav-bar title="选择海报模板" fixed left-arrow  @click-left="$router.back()" />
    <!-- 导航栏 end -->

    <!-- 内容 start -->
    <div class="content-top">
      <ul class="jobs-share-template">
        <li v-for="item,index in templets" :key="index"> 
          <img :src="item" @click="$router.push({name:'company-poster-preview',query:{jobIDs:jobIDs,templetNo:index+1}})"/>
        </li>
      </ul>
    </div>
    <!-- 内容 end -->
  </div>
</template>
  
<script>
import { NavBar } from "vant";
export default {
  name: "LivePlay",
  components: {
    [NavBar.name]: NavBar,
  },
  // 定义属性
  data() {
    return {
			templets:[],
			jobIDs:this.$route.query.jobIDs
		};
  },
	created(){
		for (let index = 1; index <= 9; index++) {
			this.templets.push(require('@/assets/img/company/jobs/template/banner0'+index.toString()+'.jpg'))
		}
	},
  // 方法集合
  methods: {
		
	},
};
</script>
  
  <style>
/* 岗位 - 分享模板*/
.company-style .jobs-share-template {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 5px 5px 15px;
}

.company-style .jobs-share-template li {
  display: flex;
  width: calc(33.33% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.company-style .jobs-share-template li img {
  width: 100%;
  max-height: 210px;
  border-radius: 3px;
}
</style>